import React from 'react';
import { Link } from 'react-router-dom';
import { LogoHeader } from '../../../components/Header';

import styles from './index.module.less';

class RegisterSuccess extends React.Component {
  state = {
    path: require('../../../asset/images/code.png'),
  };

  render() {
    const rightContent = (
      <div className={styles.menuBox}>
        <Link className={styles.menuItem} to="/">首页</Link>
        <Link className={styles.menuItem} to='/login'>登录</Link>
        <Link className={styles.menuItem} to='/register'>注册</Link>
        <Link className={styles.menuItem} to='/'>帮助中心</Link>
      </div>
    );

    return (
      <React.Fragment>
        <LogoHeader rightContent={rightContent} />
        <div className={styles.content}>
          <div className={styles.registerSuccess}>
            <div className={styles.success}>
              <span className={styles.successDiv}>
                <i className={`iconfont icon-chenggong ${styles.successIcon}`}></i>
              </span>
              <span className={styles.successDiv + ' ' + styles.text}>
              注册成功!
              </span>
            </div>
            <div className={styles.bind}>
              <p>为了您的账户安全,请尽快绑定邮箱. <Link to='/'>去绑定></Link></p>
              <p>完成实名认证,您将获得更多权益. <Link to='/'>快速实名认证></Link></p>
            </div>
            <p>下载蜂收部落APP</p>
            <img src={this.state.path} alt="" />
            <p>方便快捷简单高效</p>
          </div>
        </div>
      </React.Fragment>
    );
  }
}

export default RegisterSuccess;
